<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<p id="demo">
    加入我们开始新生活
</p>
<!--<script>-->
<!--    function changeImage()-->
<!--    {-->
<!--        element=document.getElementById('myimage')-->
<!--        if (element.src.match("keni"))-->
<!--        {-->
<!--            element.src="../picture/img1.jpg";-->
<!--        }-->
<!--        else-->
<!--        {-->
<!--            element.src="../picture/img2.jpg";-->
<!--        }-->
<!--    }-->
<script>
    function myFunction()
    {
        x=document.getElementById("demo")
        x.style.color="#ff0000"
    }
</script>
<img loading="lazy" id="myimage" onclick="changeImage()" src="../picture/img2.jpg" ></br>
<button type="button" onclick="myFunction()">点击开启奇幻之旅</button>



</body>
</html>